﻿html,
body {
	background: #edeef0;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

p {
	margin: 0;
}

p.title {
	width: 200px;
	top: 11px;
	border: 1px solid #fff;
	line-height: 30px;
	position: absolute;
	margin-left: -100px;
	left: 50%;
	border-radius: 4px;
	font-size: 14px;
}

.first_box {
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	padding: 30px 0;
}

.first_box_box {
	width: 50%;
	margin: 0 auto;
}

.first_box p:first-child {
	float: left;
	. width: 55px;
}

.first_box p:first-child img {
	width: 80%;
}

.first_box p:nth-child(2) {
	color: #363535;
}

.first_box p:nth-child(3) {
	margin-top: 5px;
	color: #787878;
	font-size: 12px;
}

.first_box p:nth-child(3) span {
	width: 37%;
	background: #eeeeee;
	display: block;
	height: 8px;
	float: right;
	border-radius: 15px;
	margin-top: 5px;
}

.first_box p:nth-child(2) span {
	color: #ff3131;
	padding-left: 5%;
}

.first_box p:nth-child(3) span span.percentage {
	width: 10%;
	background: #ffa23e;
	float: none;
	margin: 0;
}

.first_box p:nth-child(3) span span.percentage10 {
	width: 10%;
}

.first_box p:nth-child(3) span span.percentage20 {
	width: 20%;
}

.first_box p:nth-child(3) span span.percentage30 {
	width: 30%;
}

.first_box p:nth-child(3) span span.percentage40 {
	width: 40%;
}

.first_box p:nth-child(3) span span.percentage50 {
	width: 50%;
}

.first_box p:nth-child(3) span span.percentage60 {
	width: 60%;
}

.first_box p:nth-child(3) span span.percentage70 {
	width: 70%;
}

.first_box p:nth-child(3) span span.percentage80 {
	width: 80%;
}

.first_box p:nth-child(3) span span.percentage90 {
	width: 90%;
}

.first_box p:nth-child(3) span span.percentage100 {
	width: 100%;
}

.second_box {
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	width: 100%;
	margin: 0 auto;
	background: #fff;
	margin-top: 5px;
}

.second_box ul li {
	margin: 15px;
	border-bottom: 1px solid #dcdcdc;
}

.second_box ul li p:first-child {
	color: #363535;
}

.second_box ul li p:nth-child(2) {
	float: right;
	color: #363535;
	font-size: 14px;
	padding-top: 4px;
}

.second_box ul li p:nth-child(3) {
	color: #b8b8b8;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.balance_box_leftbg {
	float: left;
	width: 35%;
}

.balance_box_rightbg {
	float: right;
	width: 35%;
}

.balance_box img {
	width: 100%;
}

.balance_box_word {
	text-align: center;
	color: #363535;
	padding-top: 3px;
}

.balance_box_word2 {
	text-align: center;
	color: #ff3131;
	margin-top: 10px;
}


/*我的推荐*/

.recommend_box {
	text-align: center;
}

.recommend_box_img img {
	border: 1px solid #e5e5e5;
	padding: 15px;
	width: 100px;
	height: 100px;
}

.recommend_box p {
	color: #999 !important;
	font-size: 12px !important;
	margin-top: 5px;
}

.recommend_second_box_img {
	float: left;
}

.recommend_second_box_img img {
	width: 55px;
	height: 55px;
	border-radius: 65px;
	margin-bottom: 10px;
}

.recommend_second_box_word {
	margin-left: 24%;
}

.recommend_second_box_word p:nth-child(2) {
	float: none !important;
}

.recommend_second_box_word p:nth-child(1) {
	float: right!important;
	padding-top: 4px;
}

.recommend_second_box_word p:nth-child(1) span {
	color: #b2b2b2;
	font-size: 12px;
	float: right;
	padding-top: 4px;
}

.recommend_second_box_tit {
	color: #757575;
	font-size: 12px;
	text-align: center;
	padding: 15px 0;
	border-bottom: 1px solid #e8e8e8;
}